/**
 * 审批历史
 */
UE.registerUI('approvalHistory',function(editor,uiName){
    //注册按钮执行时的command命令，使用命令默认就会带有回退操作
    editor.registerCommand(uiName,{
        execCommand:function(){
            //alert('execCommand:' + uiName)
        }
    });

    //创建一个button
    var btn = new UE.ui.Button({
        //按钮的名字
        name:uiName+uiName,
        //提示
        title:"审批历史",
        //需要添加的额外样式，指定icon图标，这里默认使用一个重复的icon
        cssRules :'background-position: -240px -40px;',
        //点击时执行的命令
        onclick:function () {
        	//这里可以不用执行命令,做你自己的操作也可
        	//editor.execCommand(uiName);
        	var str='<div ht-bpm-approval-history="inHtml" class="fa fa-history flowchart"></div>';
        	editor.execCommand('inserthtml',str);
        }
    });

    //当点到编辑内容上时，按钮要做的状态反射
    editor.addListener('selectionchange', function () {
    	var selectedDom = editor.selection.getStart();
    	//console.info(selectedDom);
    	//不能在自身上再添加历史
    	if(selectedDom.attributes['approvalhistory']==null){
    		 btn.setDisabled(false);
    	}else{
    		btn.setDisabled(true);
    	}
    });

    //因为你是添加button,所以需要返回这个button
    return btn;
}/*index 指定添加到工具栏上的那个位置，默认时追加到最后,editorId 指定这个UI是那个编辑器实例上的，默认是页面上所有的编辑器都会添加这个按钮*/);